<!DOCTYPE html>
<html>
	<head>
		<title>密码找回</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<!--[if ie 6]>
		<script type="text/javascript" src="js/global/DD_belatedPNG.js"></script>
		<![endif]-->
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/forgetpwd.js"></script>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/forgetpwd.css" />
	</head>
	<body>
		<div class="topbar">
			<div class="bar clearfix">
				<ul class="login clearfix">
					<li><label for="username">用户名</label><input type="text" id="username" /></li>
					<li><label for="userpass">密码</label><input type="pass" id="userpass" /></li>
					<li><input type="submit" value="登录" /></li>
					<li><a href="register.html">注册</a><a href="forgetpwd.html">忘记密码</a></li>
					<li><a href="#" class="qq">登录</a></li>
				</ul>
				<ul class="classroom clearfix">
					<li><a href="#">我的课堂</a></li>
					<li><a href="home.html" class="last">第二课堂</a></li>
				</ul>
			</div>
		</div>
		<div class="main clearfix">
			<div class="findpass">
				<div class="title">
					<h2>找回密码</h2>
				</div>
				<div class="pass">
					<div class="passpanel" id="pwdpan">
						<div class="steps">
							<h2>请输入您的会员名</h2>
							<ul>
								<li><label for="account">会员名：</label><input type="text" id="account" class="inputext w180"/></li>
								<li>
									<label for="verifycode">验证码：</label><input type="text" id="verifycode" class="inputext w90"/><a href="#" class="vercode"><img src="images/no.png" alt=""/></a>看不清？<a href="#">换一张</a>
								</li>
								<li><button type="button" class="next" id="getaccount">下一步</button></li>
							</ul>
						</div>
						<div class="steps">
							<h2>您可以选择以下方式找回密码</h2>
							<ul>
								<li><input type="radio" value="" name="way" id="email" checked="true"/><label for="email">通过注册邮箱找回密码</label></li>
								<li><input type="radio" value="" name="way" id="cellphone"/><label for="cellphone">通过注册手机号码找回密码</label></li>
								<li><button type="button" class="next" id="getmethod">下一步</button></li>
							</ul>
						</div>
						<div class="steps">
							<h2>成功提示</h2>
							<ul>
								<li id="mailtip" class="hide">已经成功向您的注册邮箱发送密码找回邮件，请注意查收</li>
								<li id="phonetip" class="hide">已经向您的注册手机发送密码找回信息，请注意查收</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="findimg">
				<img src="images/findpwd.gif" alt="Study" />
			</div>
		</div>
		<div class="footer">
			<div class="statement">
				<ul class="clearfix">
					<li><a href="#">京ICP备9527号</a></li>
					<li>京公网安备0000009527000号</li>
					<li><a href="#">第二课堂&copy;2012</a></li>
					<li><a href="#">隐私声明</a></li>
					<li><a href="#">关于</a></li>
				</ul>
				<div class="contact">电话：15000000000&nbsp;&nbsp;QQ：00000000&nbsp;&nbsp;邮箱：00000000@xxxxx.com</div>
			</div>
		</div>
	</body>
</html>